<div class="tpl-left-nav tpl-left-nav-hover">
    <div class="tpl-left-nav-title">
        Amaze UI 列表
    </div>
    <div class="tpl-left-nav-list">
        <ul class="tpl-left-nav-menu">
            <li class="tpl-left-nav-item">
                <a href="javascript:void(0)" onClick="javascript:openItem('welcome|Index');" class="nav-link active">
                    <i class="am-icon-home"></i>
                    <span>首页</span>
                </a>
            </li>
            {foreach $menu as $v}
            <li class="tpl-left-nav-item">
                {if condition="!empty($v['child'])"}
                    <a href="javascript:;" class="nav-link tpl-left-nav-link-list">
                {else/}
                    <a href="javascript:void(0)" data-param="{$v.act}|{$v.op}" class="nav-link tpl-left-nav-link-list">
                {/if}
                    <i class="am-icon-{$v.icon}"></i>
                    <span>{$v.name}</span>
                    {if condition="!empty($v['child'])"}
                    <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i>
                    {/if}
                </a>
                {if condition="!empty($v['child'])"}
                <ul class="tpl-left-nav-sub-menu sub-menu">
                    <li>
                        {foreach $v['child'] as $vv}
                        <a href="javascript:void(0)" data-param="{$vv.act}|{$vv.op}">
                            <i class="am-icon-angle-right"></i>
                            <span>{$vv.name}</span>
                        </a>
                        {/foreach}
                    </li>
                </ul>
                {/if}
            </li>
            {/foreach}
        </ul>
    </div>
</div>